<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css 浮动</title>
    <style type="text/css">
        .news{
            background-color: gray;
            border: solid 1px black;
        }
        .news img.floatLeft{
            float: left;
        }
        .news p.floatRightP{
            float: right;
        }
        .clear{
            clear: both;
        }

    </style>
</head>
<body>
    <div class="news">
        <img class="floatLeft" src="../images/eg_cute.gif"/>
        This is some text. This is some text. This is some text.
        This is some text. This is some text. This is some text.
        This is some text. This is some text. This is some text.
        This is some text. This is some text. This is some text.
        This is some text. This is some text. This is some text.
        This is some text. This is some text. This is some text.
        This is some text. This is some text. This is some text.
        This is some text. This is some text. This is some text.
        This is some text. This is some text. This is some text.
        This is some text. This is some text. This is some text.
        <p class="floatRightP">this is a new p text</p>
        <p>这是如若没有清理的需求</p>
    </div>
    <p>This is some text. This is some text. This is some text.</p>
</body>
</html>